<div class="app-sider">
    <div class="sider-items">
        <div class="sider-content">
            <div class="my">
                <div class="avatar">
                    <img src="https://pica.zhimg.com/691df473a_is.jpg?source=32738c0c" alt="">
                </div>
                <div>杰克 - 一直在路上</div>
            </div>
            <div class="app-social">
                <a class="github" href="https://github.com/jikeytang/elk-blog" target="_blank" title="Github" rel="noopener noreferrer nofollow"><i class="fa fa-github"></i></a>
                <a class="gitee" href="https://gitee.com/jikey/elk-blog" target="_blank" title="Gitee" rel="noopener noreferrer nofollow">
                    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
                        <path d="M512 1024C229.248 1024 0 794.752 0 512S229.248 0 512 0s512 229.248 512 512-229.248 512-512 512z m259.168-568.896h-290.752a25.28 25.28 0 0 0-25.28 25.28l-0.032 63.232c0 13.952 11.296 25.28 25.28 25.28h177.024a25.28 25.28 0 0 1 25.28 25.28v12.64a75.84 75.84 0 0 1-75.84 75.84h-240.224a25.28 25.28 0 0 1-25.28-25.28v-240.192a75.84 75.84 0 0 1 75.84-75.84h353.92a25.28 25.28 0 0 0 25.28-25.28l0.064-63.2a25.312 25.312 0 0 0-25.28-25.312H417.184a189.632 189.632 0 0 0-189.632 189.6v353.952c0 13.952 11.328 25.28 25.28 25.28h372.928a170.656 170.656 0 0 0 170.656-170.656v-145.376a25.28 25.28 0 0 0-25.28-25.28z" fill="#d90013"></path>
                    </svg>
                </a>
                <a class="email" href="mailto:jikeytang@163.com" target="_blank" title="邮箱" rel="noopener noreferrer nofollow"><i class="fa fa-envelope"></i></a>
            </div>
        </div>
    </div>
    <!--/文章分类-->
    <div class="sider-items">
        <div class="sider-title">
            <h1><i class="fa fa-paperclip"></i>分类</h1>
        </div>
        <div class="sider-content">
            <ul class="art-list clearfix">
                {% for cat in data.blogCategory %}
                    {% if cat.ColId != 4 %}
                        <li>
                            <a title="{{ cat.ColTitle }}" href="/blog/category/{{ cat.ColId }}">{{ cat.ColTitle }}</a>
                            <i class="art-num">{{ cat.Total }}</i>
                        </li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
    <!--/文章分类-->
    <div class="sider-items">
        <div class="sider-title">
            <h1><i class="fa fa-folder-o"></i>归档</h1>
        </div>
        <div class="sider-content">
            <ul class="files-list">
                {% for arc in data.archiveList %}
                    <li>
                        <a title="{{ arc.Time }}" href="/blog/archive/{{ arc.Time }}?total={{ arc.Count }}">{{ arc.Time }}</a>
                        <i class="art-num">[{{ arc.Count }}]</i>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <!--／归档-->
    <div class="sider-items">
        <div class="sider-title">
            <h1><i class="fa fa-link"></i>友链</h1>
        </div>
        <div class="sider-content">
            <ul class="link-list">
                {% for vo in data.link %}
                    <li>
                        <a href="{{ vo.Url }}" title="{{ vo.Introduce }}" target="_blank">{{ vo.Title }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <!--／友链-->
</div>